<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="color-scheme" content="light dark" />
    <title>Design Tokens Color Module 2025.10</title>
    <script
      src="https://www.w3.org/Tools/respec/respec-w3c"
      class="remove"
      defer
    ></script>
    <script class="remove">
      const respecConfig = {
        specStatus: 'CG-DRAFT',
        isPreview: true,
        group: 'design-tokens',
        latestVersion: 'https://www.designtokens.org/TR/2025.10/color/',
        prevVersion: null,
        edDraftURI: null, // MUST be null for community group
        editors: [
          {
            name: 'Ayesha Mazrana (Mazumdar)',
            url: 'https://github.com/ayeshakmaz',
          },
          { name: 'Kathleen McMahon', url: 'https://kathleenmcmahon.dev' },
          { name: 'Adekunle Oduye', url: 'https://www.adekunleoduye.com' },
          { name: 'Matthew Ström-Awn', url: 'https://matthewstrom.com' },
        ],
        github: {
          repoURL: 'https://github.com/design-tokens/community-group',
          branch: 'color-first-draft',
        },
        tocIntroductory: true,
        logos: [
          {
            src: '/assets/dtcg-logo-on-color.svg',
            url: 'https://www.designtokens.org',
            alt: 'Design Tokens Community Group',
            width: 128,
            height: 128,
            id: 'dtcg-logo',
          },
        ],
      };
    </script>
    <style>
      :root {
        /* Remove watermark negatively impacting readability */
        --unofficial-watermark: none !important;
      }

      .rfc2119 {
        font-style: normal;
        font-size: 0.875em;
      }
    </style>
  </head>

  <body>
    <p class="copyright remove"></p>

    <section id="abstract">
      <p>
        This document describes the technical specification for design token
        color values and opacity.
      </p>
    </section>

    <section id="sotd">
      <p>
        This section describes the status of this document at the time of its
        publication. Other documents may supersede this document. A list of
        current W3C Community Group reports and the latest revision of this
        report can be found in the W3C Community Group reports index at
        <a href="https://www.w3.org/community/reports/"
          >https://www.w3.org/community/reports/</a
        >.
      </p>
      <p>
        ⚠️ This is a <strong>preview draft</strong> of in progress changes. Do
        not refer to this document directly, and do not implement anything in
        this document.
      </p>
    </section>

    <section id="conformance"></section>

    <section id="introduction">
      <h1>Introduction</h1>

      <section
        data-include="./overview.md"
        data-include-format="markdown"
      ></section>
    </section>

    <section
      data-include="./color-terminology.md"
      data-include-format="markdown"
    ></section>

    <section
      data-include="./color-type.md"
      data-include-format="markdown"
    ></section>

    <section
      data-include="./gamut-mapping.md"
      data-include-format="markdown"
      class="informative"
    ></section>

    <section
      data-include="./interpolation.md"
      data-include-format="markdown"
      class="informative"
    ></section>

    <section
      data-include="./token-naming.md"
      data-include-format="markdown"
      class="informative"
    ></section>

    <section class="appendix" id="issue-summary"></section>
  </body>
</html>
